<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Jpipes Test</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
    function pipeCallback(obj){ 
        var x;
        var links='<ul>';
        for (x = 0; x < obj.count ; x++){
            links += "<li><a href=" + obj.value.items[x].link + ">" + obj.value.items[x].title + 
            '</a><span class="desc">' + obj.value.items[x].description + '</span>'+
            //'<span class="updated">' + obj.value.items[x].pubDate + '</span>'+
            '</li>';
        }
        links+='</ul>';
        $("#links").html(links);
    }
</script>

</head>

<body>


    
<div id="monocontainer">
               <h2>Some useful links around the web</h2>
            <p class="special">
                These links are some <a href="http://del.icio.us">del.icio.us</a> ones passed through a yahoo pipe and served 
                with a little jquery script that we made freely available here at google code.
            </p>
            <div id="links">Loading...</div>
</div><!--container-->
  
<!-- here's the pipe call -->
<script type="text/javascript" src="http://pipes.yahoo.com/pipes/pipe.run?_id=nhIIXNeA3BGIjXym6kjTQA&_render=json&_callback=pipeCallback"></script>
</body>  
</html>


